<template>
    <div class="header">
        <!-- <img :src= SERVER_IP> -->
        <img src="~assets/images/map.png">
        <h3>CeisumDev</h3>
        <div class="showTime">当前时间：</div>
    </div>
</template>

<script>
    export default {
        name: 'Header',
        data() {
            return {

            }
        },
        components: {

        },

        mounted() {
            // 设置时间项目
            var t = null;
            t = setTimeout(time, 1000);
            function time() {
                clearTimeout(t);
                var dt = new Date();
                var y = dt.getFullYear();
                var mt = dt.getMonth();
                var day = dt.getDate();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                document.querySelector(".showTime").innerHTML = '当前时间：' + y + '年' + mt + '月' + day + '日' + h + '时' + m + '分' + s +
                    '秒'
                t = setTimeout(time, 1000)
            }
        }
    }
</script>

<style>
    @import "~assets/css/Cesium/header.css"
</style>